<!--
 * @description: 文件描述
 * @version: 0.0.1
 * @author: xxx
 * @Date: 2024-08-05 14:24:46
-->
<template>
	<view class="scan-code-page">
		<navBar v-if="isShowCustomNavBar" :navbarData.sync="navbarData"></navBar>
		<view class="" style="">
			<view class="title-img">
				<image class="isimage" show-menu-by-longpress mode="heightFix"
					src="https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/1V1-M.png" />
			</view>
			<!--   <view class="title-text">
      扫码添加专属客户代表企业微信开启您的尊享麦卡伦之旅
    </view> -->
			<view class="alert-18Img">
				<image class="Image" mode="widthFix"
					src="https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/YJTS-2x.png">
				</image>
			</view>
		</view>
	</view>
</template>

<script>
	import NavBar from "@/components/common/navbar";
	export default {
		data() {
			return {
				isShowCustomNavBar: true,
				// 组件所需的参数
				navbarData: {
					showCapsule: 0, //是否显示左上角图标   1表示显示    0表示不显示
					title: "我的主页", //导航栏 中间的标题
					newLogo: uni.getStorageInfoSync("storeLogo"),
					isTopFixed: true,
					navbarDataShowHome: 1, //1v1页面home图标
				},
			};
		},
		onShow() {
			const params = {
				page_name: "1v1专属",
				gift_name: "",
			};
			this.$commonSensors.giftsDetailTrack("GiftsDetailPageView", params);
		},
		components: {
			navBar: NavBar,
		},
		methods: {
			onShareAppMessage() {
				this.$sr.setContext({ share_title: '点击探索匠心传承和品牌故事' });
				return this.getShareOptions();
			},
			onShareTimeline() {
				this.$sr.setContext({ share_title: '点击探索匠心传承和品牌故事' });
				return this.getShareOptions();
			},
			getShareOptions() {
				return {
					title: '点击探索匠心传承和品牌故事',
					query: 'pages/customer/scanCode',
					imageUrl: 'https://100000063-1252208446.file.myqcloud.com/images/分享图-1V11.jpg',
				};
			},
		},
	};
</script>

<style lang="less" scoped>
	.scan-code-page {
		height: 100vh;
		background-image: url("https://100000063-1252208446.file.myqcloud.com/images/1V1 Clienteling @2x.png");
		// background-image: url("https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/1V1.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		font-family: NotoSansSC-Regular;

		.isimage {
			width: 244rpx;
			height: 244rpx;
		}

		.title-img {
			position: absolute;
			top: 268rpx;
			left: 50%;
			transform: translate(-50%, 0);
		}

		.title-text {
			width: 339rpx;
			font-size: 24rpx;
			text-align: center;
			position: absolute;
			top: 544rpx;
			left: 50%;
			color: #fff;
			transform: translate(-50%, 0);
			font-family: FrankNew-Regular NotoSansSC-Regular;
		}

		.alert-18Img {
			width: 634rpx;
			position: absolute;
			bottom: 58rpx;
			left: 50%;
			transform: translate(-50%, 0);

			.Image {
				width: 100%;
			}
		}
	}
</style>